﻿<div class="row">
    <div id="hub" class="metro span12">
        <div class="panorama">
            <div class="panorama-sections">
   
                <div id="section1" class="panorama-section tile-span-3">
                    <h2 style="color:gray; font-size:20px;">Chart Display</h2>

                    <a class="tile app bg-color-orange" href="javascript:#">
                        <div class="image-wrapper">
                        <img src="../images/RegEdit.png" alt="" />
                        </div>
                        <span class="app-label">Common settings <br />[TO DO...]</span>
                    </a>

                    <a class="tile wide imagetext bg-color-blue" href="#/viewedLists" id="viewedLists">
                        <div class="image-wrapper">
                        <span class="icon icon-list-2"></span>
                        </div>
                        <div class="column-text">
                        <div class="text">&nbsp;&nbsp;Select the SharePoint Lists to displayed</div>
                        <div class="text">&nbsp;&nbsp;Support multi-lists</div>
                        </div>
                        <span class="app-label">Viewed Lists</span>
                    </a>
   
                    <a class="tile wide imagetext bg-color-pink" href="#/ChartTypes">
                        <div class="image-wrapper">
                        <span class="icon icon-publish"></span>
                        </div>
                        <span class="app-label">Chart Type</span>
                    </a>

                    <a class="tile app bg-color-green" href="#/Configuration">
                        <div class="image-wrapper">
                        <img src="../images/RegEdit.png" alt="" />
                        </div>
                        <span class="app-label">Configuration</span>
                    </a>
                </div>
   
                <div id="section2" class="panorama-section tile-span-3">
   
                    <h2 style="color:gray; font-size:20px;">Chart Apperance</h2>
   
                    <a class="tile wide imagetext bg-color-green" href="javascript:#">
                        <div class="image-wrapper">
                        <img src="../images/My Apps.png" />
                        </div>
                        <div class="column-text">
                        <div class="text">Chart Width/Height</div>
                        <div class="text">Chart Attributes</div>
                        <div class="text">Toolbar Appearance</div>
                        </div>
                        <span class="app-label">Chart Apperance <br />[TO DO...]</span>
                    </a>
   
               </div>

            </div>
        </div>
    </div>  
</div>
<div class="span6 align-right">
    <button type="button" class="win-command" id="saveCommand" onclick="javascript:updateViewedListsSettings();return false;">
        <span class="win-commandimage win-commandring">&#x0052;</span>
        <span class="win-label">Save</span>
    </button>
</div>